<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="../css/sign.min.css">
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/cookie.min.js"></script>
</head>

<body>
    <div id="pox">
        <div class="header">
            <div class="header-left">
                <!-- <a class="a1" href="javascript:;">关注
                    <div class="border-content">
                        <img src="./img/weChat.jpg" alt="">
                </div>
                </a> -->

                <!-- <a class="a2" href="javascript:;">下载App
                    <div class="border-content1">
                        <img src="./img/app.jpg" alt="">
                        <span>优购APP下载</span>
                    </div>
                </a> -->
                <span id="a1">
                    <a href="javascript:;">关注</a>
                    <img class="img1" src="../img/weChat.jpg" alt="">
                </span>
                <span id="a2">
                    <a href="javascript:;">下载APP</a>
                    <img class="img2" src="../img/app.jpg" alt="">
                </span>
            </div>
            <script>
                // var o_bor1 = document.querySelector('.border-content');
                // var o_bor2 = document.querySelector('.border-content1');
                var o_a1 = document.querySelector('#a1');
                var o_a2 = document.querySelector('#a2');
                var o_img1 = document.querySelector('.img1');
                var o_img2 = document.querySelector('.img2');
                o_a1.onmouseenter = function () {
                    o_img1.style.display = "block";
                }
                o_a2.onmouseenter = function () {
                    o_img2.style.display = "block";
                }
                o_a1.onmouseleave = function () {
                    o_img1.style.display = "none";
                }
                o_a2.onmouseleave = function () {
                    o_img2.style.display = "none";
                } 
            </script>
            <!-- 登录-公告 -->
            <div class="header-right">
                <ul>
                    <li>
                        <a rel="nofollow" href="http://localhost/firstprojectyougou2/dist/html/login.html">登录</a>
                        /
                        <a class="black_overlay" href="http://localhost/firstprojectyougou2/dist/html/sign.html">注册</a>
                        <!-- <div class="shade">
                            <div class="shade2"></div>
                        </div> -->
                    </li>

                    <li class="collect">
                        <span class="iconfont icon-like"></span>
                        <a href="http://localhost/firstprojectyougou2/dist/html/cart.html">收藏</a>
                    </li>

                    <li>
                        <span class="iconfont icon-shopping-bag"></span>
                        <a href="http://localhost/firstprojectyougou2/dist/html/cart.html">购物袋</a>
                    </li>
                    <li>
                        <a href="javascript:;">公告</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="shade">

        </div>
        <div class="shade2">
            
                <p style="text-indent:2em;line-height:50.0025px;font-size: 17.0025px;font-family: 宋体;">隐私声明</p>
                <hr>
                <div class="innerbor">
                <p style="line-height: 30px;font-size: 14.0025px;">我们根据法律法规要求对 《
                    <span style="color: red;">隐私条款</span>》
                    进行了更新,以完善我们的线下店铺、<br>App、小程序等服务涉及的个人信息处理规则,说明委托处理、共享和提供个人<br>信息的情况，并对个人信息相关权利及其行使方式进行了更新。</div>
                    <br>
                    <div class="innerder">
                    <b style="font-size: 14px;">在您开始使用我们的产品和服务、访问我们的网站和应用程序前，请您仔细阅<br>读并确认您已经充分理解及同意《<span style="color: red;">隐私条款</span>》
                        所载明的内容后再点击同意。如<br>您不同意，可能无法继续使用本服务。如您有任何疑问，可通过《隐私政策》<br>中的联系方式咨询我们。</b></div>
                </p>
                <span class="s_btn">
                    <button class="btn1"
                        style="background-color: rgb(245, 243, 243);color:rgb(88, 88, 88);border: .9975px solid red;">不同意，返回首页</button>
                    <button class="btn2"
                        style="background-color: red;color:aliceblue;border: .9975px solid red;">同意并继续</button>
                </span>
            
        </div>

        <script>
            var o_bo = document.querySelector('.black_overlay');
            var o_shade = document.querySelector('.shade');
            var o_shade2 = document.querySelector('.shade2');
            var o_btn1 = document.querySelector('.btn1');
            var o_btn2 = document.querySelector('.btn2');
            // window.onload = function () {
            //     o_shade.style.display = "block";
            //     o_shade2.style.display = "block";
            // }
            o_bo.onclick = function () {
                o_shade.style.display = "block";
                o_shade2.style.display = "block";
            }
            o_btn2.onclick = function () {
                o_shade.style.display = "none";
                o_shade2.style.display = "none";
            }
            o_btn1.onclick = function () {
                location.href = "Login.html";
            }
        </script>

        <!-- logo -->
        <div class="lg_hd">
            <div class="cen_logo">
                <a href="http://localhost/firstprojectyougou2/dist/index.html">
                    <img src="../img/logo.png" alt="">
                </a>
            </div>
            <div class="cen_word">用户登录</div>
        </div>
        <!--大图-->
        <div class="photo">
            <img src="../img/ba839750211e4c6485fe16dea496b709.jpg" alt="">
        </div>
        <!-- 登录框 -->
        <div class="Login_box">
            <ul class="Login_top">
                <li class="count">
                    <a href="http://localhost/firstprojectyougou2/dist/html/login.html">登录</a>
                </li>
                <li class="tel">
                    <a href="http://localhost/firstprojectyougou2/dist/html/sign.html">注册</a>
                </li>
            </ul>
            <div class="reg_form">
                <form id="loginform">
                    <div class="form_item">
                        <!-- 手机号 -->
                        <div class="reg_input">
                            <label class="lab">
                                手机号
                            </label>
                            <input class="tell" type="text" placeholder="请输入您的手机号码">
                            <span class="ipo">请输入正确手机号</span>
                        </div>
                        <!-- 邮箱 -->
                        <div class="Email">
                            <label class="lab1">
                                邮箱
                            </label>
                            <input class="email" type="text" placeholder="">
                            <span class="re-email">邮箱格式不正确</span>
                        </div>
                
                    <!-- 密码 -->
                    <div class="reg_pass">
                        <label class="lab2">
                            密码
                        </label>
                        <input class="psd" type="password" placeholder="字母、数字、符号均可,6-25个字符以内">
                        <span class="re-psd">密码格式不正确</span>
                    </div>
                    <!-- 确认密码 -->
                    <div class="reg_confirm">
                        <label class="lab3">
                            确认密码
                        </label>
                        <input class="sure" type="password" placeholder="">
                        <span class="pas">两次密码不一致</span>
                    </div>

                    <!-- 隐私条款 -->
                    <div class="protocol">
                        <input type="checkbox">
                        <label>
                            我已阅读并同意《<a href="#" style="color: red;" target="_blank">用户协议</a>》《<a href="#"
                                style="color: red;" target="_blank">隐私条款</a>》
                        </label>
                    </div>


                    <div class="protoco2">
                        <input type="checkbox">
                        <label>同意通过电子邮件、电话、短信、即时通信发送相关营销活动内容</label>
                    </div>

                    <!-- 确认注册 -->
                    <div class="forgot">
                        <button class="reg">确认并注册</button>
                    </div>

                </form>
            </div>

        </div>
        <!-- 尾部 -->
        <div class="footer">
            <p class="tright">Copyright &copy; 2011-2014 Yougou Technology Co., Ltd.
                <a href="" target="_blank"> 粤ICP备09070608号-4</a> 增值电信业务经营许可证：
                <a href="" target="_blank" style="padding-left:0"> 粤 B2-20090203</a>
            </p>
        </div>
    </div>

    </div>
    <script src="http://localhost/firstprojectyougou2/dist/js/rejistor.min.js"></script>
</body>

</html>